import React from "react";
import { useHistory } from "react-router-dom";
import qs from "qs";

const B = () => {
  const history = useHistory();
  return (
    <div>
      B组件展示的信息
      <button
        onClick={() => {
          // 使用问号传参的方式

          // history.push({
          //   pathname: "/c",
          //   search: qs.stringify({
          //     a: "b",
          //     b: "V",
          //   }),
          // });

          // 使用路径传参的方式
          // history.push(`/c/100/luochun`);

          // 使用隐式传参
          history.push({
            pathname: "/c",
            state: {
              a: "b",
              b: "V",
            },
          });
        }}
      >
        跳转到c组件
      </button>
    </div>
  );
};

export default B;
